Отображение шрифтов Google Chrome, Opera, Yandex

[Torawhite]

Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то?

Вот сравнение:

https://yadi.sk/i/CQ21YKOaddS2Z

[satantx]

Да, это движок webkit так рендерит.

Почитайте: http://maxvoltar.com/archive/-webkit-font-smoothing

[Torawhite]

Да, это движок webkit так рендерит.

Почитайте: http://maxvoltar.com/archive/-webkit-font-smoothing

Спасибо за ссылку, почитал. Но

-webkit-font-smoothing: antialiased;

в HTML ничего не изменило

[Great Rash]

Чтобы это свойство себя проявило, необходимо в настройках выбрать сглаживание отличное от «Стандарт Windows» (Настройки > Внешний вид > Сглаживание шрифта), как показано на рис. 2.

http://htmlbook.ru/blog/sglazhivanie-shriftov-v-safari

[Torawhite]

 

Чтобы это свойство себя проявило, необходимо в настройках выбрать сглаживание отличное от «Стандарт Windows» (Настройки > Внешний вид > Сглаживание шрифта), как показано на рис. 2.

http://htmlbook.ru/blog/sglazhivanie-shriftov-v-safari

 

Там для safari пример. Принудительного отключения в Хроме и остальных - нет. Сам сижу на Windows 7. Если отключить ClearTpe в Windows, то отображение шрифтов на странице это никак не меняет.

[Great Rash]

Принудительного отключения в Хроме и остальных - нет.

Да ладно!?

 

UPD: Эх, движок форума не поддерживает протоколы кроме http напишу так - chrome://flags

[Torawhite]

 

Принудительного отключения в Хроме и остальных - нет.

Да ладно!?

 

UPD: Эх, движок форума не поддерживает протоколы кроме http напишу так - chrome://flags

 

Ссылку не грузит. Но пока пробовал найти переключатель, наткнулся на статью, где, кстати, Вас упоминают http://habrahabr.ru/post/166291/#UPD но это решение тоже не помогло, ничего не меняется.

body {-webkit-font-smoothing: subpixel-antialiased !important;-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;}

А вообще, среднестатистический пользователь не будет искать переключатель и будет видеть ужасный шрифт. Должен же быть какой-то способ решить эту проблему

[Great Rash]

Можно попробовать добавить тень к тексту с большим значением прозрачности.

body {  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}

[Torawhite]

Можно попробовать добавить тень к тексту с большим значением прозрачности.

 

body {  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}

Интересно, ребята пишут, что это панацея, а у меня ничего не меняется вообще. Тень тоже ничего не изменила. Может очерёдность загрузки стилей не та: сначала подгружается стиль с описанием html,body а потом уже подключаются шрифты через font-face

Можно попробовать добавить тень к тексту с большим значением прозрачности.

 

body {  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}

Попробовал посмотреть на ноутбуке - всё отлично А почему так может быть? Всю историю и куки чистил

[Great Rash]

Не видя живого сайта, трудно что-то сказать.

[Torawhite]

Не видя живого сайта, трудно что-то сказать.

http://torawhite.ru

[Great Rash]

У меня в хроме ок.

 

 

Может у вас масштабирование в браузере? Или, в винде в настройках сглаживание шрифтов отключено?

[Torawhite]

У меня в хроме ок.

 

 

Может у вас масштабирование в браузере? Или, в винде в настройках сглаживание шрифтов отключено?

Спасибо Вам за помощь! Всё отключено, хром, оперу и яндекс ставил только для того, чтобы отображение смотреть, ничего там не менял. Скорее всего, нужно винду сносить

[Aleksandr.L]

У меня на Windows 7 тоже криво отображаются. Если задать -webkit-text-stroke: 1px; — выглядит более менее не плохо.

[Torawhite]

У меня на Windows 7 тоже криво отображаются. Если задать -webkit-text-stroke: 1px; — выглядит более менее не плохо.

На ПК стоит 7 отображается криво, на ноуте тоже стоит 7, но отображается хорошо. Не зря говорят, что windows ногой деланная... С -webkit-text-stroke: 1px; выглядит сглажено, Вы правы, но делает шрифт сильно жирным